<template>
	<view>
		<!--空白页  没有任何数据情况下显示 -->
		<!-- <view class="">
			<view class="ls2">
				<view class="center">
					<image class="ml" src="@/static/img/index/xinpinshangshi.png" mode="widthFix"
						style="width: 100rpx;"></image>
					<view class="fs28">暂时还没有收藏记录</view>
				</view>
				<button type="default" class=" btn">去逛一逛</button>
			</view>
		</view> -->
		
		<!--  -->
		<view class="bg">
			<view class="d-flex bb" @tap="notify">
				<view class="m-2 mt-3">
					<image src="@/static/img/user/shezhi.png" mode="widthFix" style="width: 80rpx;"></image>
				</view>
				<view class="flex-1 m-2 mt-3">
					<view class="fs28">系统通知</view>
					<view class="text">关于平台专项治理网络安全的公告</view>
				</view>
				<view class="m-2 mt-3">
					<view class="text right ">04月21日</view>
					<image src="@/static/img/user/shezhi.png" mode="widthFix" style="width: 30rpx;margin-left: 65rpx; margin-top: 20rpx;">
					</image>
					
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			notify(){
				uni.navigateTo({
					url:'./notify'
				})
			}
		}
	}
</script>

<style lang="scss">
	
	.bb{
		border-bottom: 1rpx solid #efefef;
	}
	.bg{
		width: 96%;
		height: 100%;
		margin: 20rpx auto;
		background-color: white;
		border-radius: 20rpx;
	}
	page{
		background-color: #f5f5f5;
	}
	.text {
		font-size: 20rpx;
		color: #999;
		margin-top: 20rpx;
	}

	.ls2 {
		.center {
			margin: 350rpx 0 30rpx 260rpx;
		}
		.ml {
			margin-left: 60rpx;
		}
	
		.btn {
			color: white;
			background-color: #e80909;
			margin: 0rpx auto;
			width: 320rpx;
			border-radius: 50rpx;
		}
	}
	.right{
		margin-top: 0;
	}
</style>
